
.width1 {
  width: 16.66%;
}

.width2 {
  width: 33.36%;
}

.columnTitlesRow {
  display: flex;
  flex-direction: row;
  height: 37px;
}

.row {
  display: flex;
  flex-direction: row;
  padding: 10px 0px;

  .item {
    font-size: 14px;
  }

  .subItem {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

  .controlls {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;

    .editPublish {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: flex-end;

      @media (min-width: 1600px) {
        display: flex;
        flex-direction: row;
        gap: 10px;
      }
    }
  }
}

.label {
  font-size: 14px;
  color: var(--my-trade-item-title);
}

.button {
  width: fit-content;
}

.primaryColor {
  color: var(--primary);
}

.alert {
  color: var(--alert);
}

.hide {
  display: none;
}

.divider {
  height: 1px;
  background-color: var(--divider);
}
